<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <ul>
        <li class="a"></li>
        <li></li>
        <li></li>
        <li class="b"></li>
        <li></li>
        <li id="c"></li>
        <li></li>
        <li class="a"></li>
        <li></li>
        <li></li>
    </ul>

    <script src="./js/jquery-3.6.0.min_2.js"> </script>

    <script>
        /**
         *  当引入jquery 文件以后
         * 会在全局暴露两个变量名
         * ==> $
         * ==> jQuery 
         * 
         * 
        */
    //    console.log($);
    //    console.log(jQuery);
        // 注意：不管使用任何选择器 获取到的原生都是一个元素集合
        
        // id选择器
        console.log($('#c'));

        // 类名选择器
        console.log($('.a'))

        // 标签选择器
        console.log($('li'))
        
        // 结构选择器
        console.log($('li:nth-child(odd)')); 
        console.log($('li:nth-child(even)')); 


       
    </script>

    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
        <li>7</li>
        <li>8</li>
        <li>9</li>
        <li>10</li>
    </ul>

    
</body>
</html>